<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>Unify | Welcome...</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- CSS Global Compulsory-->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/style.css" tppabs="http://htmlstream.com/preview/unify/assets/css/style.css">
    <link rel="stylesheet" href="assets/css/headers/header1.css" tppabs="http://htmlstream.com/preview/unify/assets/css/headers/header1.css">
    <link rel="stylesheet" href="assets/css/responsive.css" tppabs="http://htmlstream.com/preview/unify/assets/css/responsive.css">
    <link rel="shortcut icon" href="favicon.ico">        
    <!-- CSS Implementing Plugins -->    
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/plugins/flexslider/flexslider.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/flexslider/flexslider.css">     
    <link rel="stylesheet" href="assets/plugins/layer_slider/css/layerslider.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/layer_slider/css/layerslider.css" type="text/css">
    <!-- CSS Page Style -->    
    <link rel="stylesheet" href="assets/css/pages/portfolio-v2.css" tppabs="http://htmlstream.com/preview/unify/assets/css/pages/portfolio-v2.css">
    <!-- CSS Theme -->    
    <link rel="stylesheet" href="assets/css/themes/default.css" tppabs="http://htmlstream.com/preview/unify/assets/css/themes/default.css" id="style_color">
    <link rel="stylesheet" href="assets/css/themes/headers/default.css" tppabs="http://htmlstream.com/preview/unify/assets/css/themes/headers/default.css" id="style_color-header-1">    
</head> 

<body>
<!--=== Style Switcher ===-->    
<i class="style-switcher-btn icon-cogs hidden-xs"></i>
<div class="style-switcher">
    <div class="theme-close"><i class="icon-remove"></i></div>
    <div class="theme-heading">Theme Colors</div>
    <ul class="list-unstyled">
        <li class="theme-default theme-active" data-style="default" data-header="light"></li>
        <li class="theme-blue" data-style="blue" data-header="light"></li>
        <li class="theme-orange" data-style="orange" data-header="light"></li>
        <li class="theme-red" data-style="red" data-header="light"></li>
        <li class="theme-light last" data-style="light" data-header="light"></li>
    </ul>
    <div style="margin-bottom:18px;"></div>
    <div class="theme-heading">Layouts</div>
    <div class="text-center">
        <a href="#" class="btn-u btn-u-green btn-block active-switcher-btn wide-layout-btn">Wide</a>
        <a href="#" class="btn-u btn-u-green btn-block boxed-layout-btn">Boxed</a>
    </div>
</div><!--/style-switcher-->
<!--=== End Style Switcher ===-->    

<!--=== Top ===-->    
<div class="top">
    <div class="container">         
        <ul class="loginbar pull-right">
            <li>
                <i class="icon-globe"></i>
                <a>Languages</a>
                <ul class="lenguages">
                    <li class="active">
                        <a href="#">English <i class="icon-ok"></i></a> 
                    </li>
                    <li><a href="#">Spanish</a></li>
                    <li><a href="#">Russian</a></li>
                    <li><a href="#">German</a></li>
                </ul>
            </li>
            <li class="devider"></li>   
            <li><a href="page_faq.html" tppabs="http://htmlstream.com/preview/unify/page_faq.html">Help</a></li>  
            <li class="devider"></li>   
            <li><a href="page_login.html" tppabs="http://htmlstream.com/preview/unify/page_login.html">Login</a></li>   
        </ul>
    </div>      
</div><!--/top-->
<!--=== End Top ===-->    

<!--=== Header ===-->    
<div class="header">
    <div class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">
                    <img id="logo-header" src="assets/img/logo1-default.png" tppabs="http://htmlstream.com/preview/unify/assets/img/logo1-default.png" alt="Logo">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown active">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Home
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">Option 1: Default Page</a></li>
                            <li><a href="page_home1.html" tppabs="http://htmlstream.com/preview/unify/page_home1.html">Option 2: Layer Slider</a></li>
                            <li><a href="page_home2.html" tppabs="http://htmlstream.com/preview/unify/page_home2.html">Option 3: Revolution Slider</a></li>
                            <li><a href="page_home3.html" tppabs="http://htmlstream.com/preview/unify/page_home3.html">Option 4: Amazing Content</a></li>
                            <li><a href="page_home4.html" tppabs="http://htmlstream.com/preview/unify/page_home4.html">Option 5: Home Sidebar</a></li>
                            <li><a href="page_home5.html" tppabs="http://htmlstream.com/preview/unify/page_home5.html">Option 6: Home Flatty</a></li>
                            <li><a href="page_home6.html" tppabs="http://htmlstream.com/preview/unify/page_home6.html">Option 7: Home Magazine</a></li>
                            <li class="active"><a href="page_home7.html" tppabs="http://htmlstream.com/preview/unify/page_home7.html">Option 8: Home Portfolio</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Pages
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="page_about.html" tppabs="http://htmlstream.com/preview/unify/page_about.html">About Us</a></li>
                            <li><a href="page_about1.html" tppabs="http://htmlstream.com/preview/unify/page_about1.html">About Us Option</a></li>
                            <li><a href="page_services.html" tppabs="http://htmlstream.com/preview/unify/page_services.html">Services</a></li>
                            <li><a href="page_services1.html" tppabs="http://htmlstream.com/preview/unify/page_services1.html">Services Option</a></li>
                            <li><a href="page_pricing.html" tppabs="http://htmlstream.com/preview/unify/page_pricing.html">Pricing Tables</a></li>
                            <li><a href="page_invoice.html" tppabs="http://htmlstream.com/preview/unify/page_invoice.html">Invoice Page</a></li>
                            <li><a href="page_meet_our_team.html" tppabs="http://htmlstream.com/preview/unify/page_meet_our_team.html">Meet Our Team</a></li>
                            <li><a href="page_coming_soon.html" tppabs="http://htmlstream.com/preview/unify/page_coming_soon.html">Coming Soon</a></li>
                            <li><a href="page_faq.html" tppabs="http://htmlstream.com/preview/unify/page_faq.html">FAQs Page</a></li>
                            <li><a href="page_search.html" tppabs="http://htmlstream.com/preview/unify/page_search.html">Funny Boxes</a></li>
                            <li><a href="page_gallery.html" tppabs="http://htmlstream.com/preview/unify/page_gallery.html">Gallery Page</a></li>
                            <li><a href="page_registration.html" tppabs="http://htmlstream.com/preview/unify/page_registration.html">Registration Page</a></li>
                            <li><a href="page_registration1.html" tppabs="http://htmlstream.com/preview/unify/page_registration1.html">Registration Option</a></li>
                            <li><a href="page_login.html" tppabs="http://htmlstream.com/preview/unify/page_login.html">Login Page</a></li>
                            <li><a href="page_login1.html" tppabs="http://htmlstream.com/preview/unify/page_login1.html">Login Option</a></li>
                            <li><a href="page_404_error.html" tppabs="http://htmlstream.com/preview/unify/page_404_error.html">404 Error</a></li>
                            <li><a href="page_404_error1.html" tppabs="http://htmlstream.com/preview/unify/page_404_error1.html">404 Error Option</a></li>
                            <li><a href="page_clients.html" tppabs="http://htmlstream.com/preview/unify/page_clients.html">Clients Page</a></li>
                            <li><a href="page_privacy.html" tppabs="http://htmlstream.com/preview/unify/page_privacy.html">Privacy Policy</a></li>
                            <li><a href="page_terms.html" tppabs="http://htmlstream.com/preview/unify/page_terms.html">Terms Of Service</a></li>
                            <li><a href="page_2_columns_left.html" tppabs="http://htmlstream.com/preview/unify/page_2_columns_left.html">2 Columns Page Left</a></li>
                            <li><a href="page_2_columns_right.html" tppabs="http://htmlstream.com/preview/unify/page_2_columns_right.html">2 Columns Page Right</a></li>
                            <li><a href="page_3_columns.html" tppabs="http://htmlstream.com/preview/unify/page_3_columns.html">3 Columns Page</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Features
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="feature_grid.html" tppabs="http://htmlstream.com/preview/unify/feature_grid.html">Grid Layout</a></li>
                            <li><a href="feature_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_boxes.html">Content Boxes</a></li>
                            <li><a href="feature_typography.html" tppabs="http://htmlstream.com/preview/unify/feature_typography.html">Typography</a></li>
                            <li><a href="feature_tagline_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_tagline_boxes.html">Tagline Boxes</a></li>
                            <li><a href="feature_buttons.html" tppabs="http://htmlstream.com/preview/unify/feature_buttons.html">Buttons</a></li>
                            <li><a href="feature_icons.html" tppabs="http://htmlstream.com/preview/unify/feature_icons.html">Icons</a></li>
                            <li><a href="feature_thumbails.html" tppabs="http://htmlstream.com/preview/unify/feature_thumbails.html">Thumbails</a></li>
                            <li><a href="feature_components.html" tppabs="http://htmlstream.com/preview/unify/feature_components.html">Components</a></li>
                            <li><a href="feature_accardion_and_tabs.html" tppabs="http://htmlstream.com/preview/unify/feature_accardion_and_tabs.html">Accardion and Tabs</a></li>
                            <li><a href="feature_navigations.html" tppabs="http://htmlstream.com/preview/unify/feature_navigations.html">Navigations</a></li>
                            <li><a href="feature_tables.html" tppabs="http://htmlstream.com/preview/unify/feature_tables.html">Tables</a></li>
                            <li><a href="feature_forms.html" tppabs="http://htmlstream.com/preview/unify/feature_forms.html">Forms</a></li>
                            <li><a href="feature_testimonials.html" tppabs="http://htmlstream.com/preview/unify/feature_testimonials.html">Testimonials</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Portfolio
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="portfolio_text_blocks.html" tppabs="http://htmlstream.com/preview/unify/portfolio_text_blocks.html">Portfolio Text Blocks</a></li>
                            <li><a href="portfolio_2_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_2_column.html">Portfolio 2 Columns</a></li>
                            <li><a href="portfolio_3_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_3_column.html">Portfolio 3 Columns</a></li>
                            <li><a href="portfolio_4_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_4_column.html">Portfolio 4 Columns</a></li>
                            <li><a href="portfolio_item.html" tppabs="http://htmlstream.com/preview/unify/portfolio_item.html">Portfolio Item Option 1</a></li>
                            <li><a href="portfolio_item1.html" tppabs="http://htmlstream.com/preview/unify/portfolio_item1.html">Portfolio Item Option 2</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Blog
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="blog_page.html" tppabs="http://htmlstream.com/preview/unify/blog_page.html">Blog Page</a></li>
                            <li><a href="blog_large.html" tppabs="http://htmlstream.com/preview/unify/blog_large.html">Blog Large</a></li>
                            <li><a href="blog_medium.html" tppabs="http://htmlstream.com/preview/unify/blog_medium.html">Blog Medium</a></li>
                            <li><a href="blog_full_width.html" tppabs="http://htmlstream.com/preview/unify/blog_full_width.html">Blog Full Width</a></li>
                            <li><a href="blog_left_sidebar.html" tppabs="http://htmlstream.com/preview/unify/blog_left_sidebar.html">Blog Left Sidebar</a></li>
                            <li><a href="blog_right_sidebar.html" tppabs="http://htmlstream.com/preview/unify/blog_right_sidebar.html">Blog Right Sidebar</a></li>
                            <li><a href="blog_item_option1.html" tppabs="http://htmlstream.com/preview/unify/blog_item_option1.html">Blog Item Option 1</a></li>
                            <li><a href="blog_item_option2.html" tppabs="http://htmlstream.com/preview/unify/blog_item_option2.html">Blog Item Option 2</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Contacts
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="page_contact1.html" tppabs="http://htmlstream.com/preview/unify/page_contact1.html">Contacts Default</a></li>
                            <li><a href="page_contact2.html" tppabs="http://htmlstream.com/preview/unify/page_contact2.html">Contacts Option 1</a></li>
                            <li><a href="page_contact3.html" tppabs="http://htmlstream.com/preview/unify/page_contact3.html">Contacts Option 2</a></li>
                        </ul>
                    </li>                    
                    <li class="hidden-sm"><a class="search"><i class="icon-search search-btn"></i></a></li>
                </ul>
                <div class="search-open">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search">
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Go</button>
                        </span>
                    </div><!-- /input-group -->
                </div>                
            </div><!-- /navbar-collapse -->
        </div>    
    </div>    
</div><!--/header-->
<!--=== End Header ===-->    

<!--=== Slider ===-->
<div class="layer_slider">
    <div id="layerslider-container-fw">        
        <div id="layerslider" style="width: 100%; height: 500px; margin: 0px auto; ">
            <!--First Slide-->
            <div class="ls-layer" style="slidedirection: right; transition2d: 24,25,27,28; ">

                <img src="assets/img/sliders/layer/bg1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/layer/bg1.jpg" class="ls-bg" alt="Slide background">

                <img src="assets/img/mockup/iphone1.png" tppabs="http://htmlstream.com/preview/unify/assets/img/mockup/iphone1.png" alt="Slider Image" class="ls-s-1" style=" top:110px; left: 240px; slidedirection : left; slideoutdirection : bottom; durationin : 1500; durationout : 1500; ">

                <img src="assets/img/mockup/iphone.png" tppabs="http://htmlstream.com/preview/unify/assets/img/mockup/iphone.png" alt="Slider image" class="ls-s-1" style=" top:60px; left: 40px; slidedirection : left; slideoutdirection : bottom; durationin : 2500; durationout : 2500; ">

                <span class="ls-s-1" style=" text-transform: uppercase; line-height: 45px; font-size:35px; color:#fff; top:200px; left: 590px; slidedirection : top; slideoutdirection : bototm; durationin : 3500; durationout : 3500; ">
                    Fully Responsive <br> Bootstrap 3 Template
                </span>

                <a class="btn-u btn-u-orange ls-s1" href="#" style=" padding: 9px 20px; font-size:25px; top:340px; left: 590px; slidedirection : bottom; slideoutdirection : top; durationin : 3500; durationout : 3500; ">
                    Download Now
                </a>
            </div>
            <!--End First Slide-->

            <!--Second Slide-->
            <div class="ls-layer" style="slidedirection: top; ">
                <img src="assets/img/bg/5.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/bg/5.jpg" class="ls-bg" alt="Slide background">

                <i class="icon-chevron-sign-right ls-s-1" style=" color: #fff; font-size: 24px; top:70px; left: 40px; slidedirection : left; slideoutdirection : top; durationin : 1500; durationout : 500; "></i> 

                <span class="ls-s-2" style=" color: #fff; font-weight: 200; font-size: 22px; top:70px; left: 70px; slidedirection : top; slideoutdirection : bottom; durationin : 1500; durationout : 500; ">
                    Fully Responsive and Easy to Customize
                </span>

                <i class="icon-chevron-sign-right ls-s-1" style=" color: #fff; font-size: 24px; top:120px; left: 40px; slidedirection : left; slideoutdirection : top; durationin : 2500; durationout : 1500; "></i> 

                <span class="ls-s-2" style=" color: #fff; font-weight: 200; font-size: 22px; top:120px; left: 70px; slidedirection : top; slideoutdirection : bottom; durationin : 2500; durationout : 1500; ">
                    Revolution and Layer Slider Included 
                </span>

                <i class="icon-chevron-sign-right ls-s-1" style=" color: #fff; font-size: 24px; top:170px; left: 40px; slidedirection : left; slideoutdirection : top; durationin : 3500; durationout : 3500; "></i> 

                <span class="ls-s-2" style=" color: #fff; font-weight: 200; font-size: 22px; top:170px; left: 70px; slidedirection : top; slideoutdirection : bottom; durationin : 3500; durationout : 2500; ">
                    1000+ Glyphicons Pro and Font Awesome Icons 
                </span>

                <i class="icon-chevron-sign-right ls-s-1" style=" color: #fff; font-size: 24px; top:220px; left: 40px; slidedirection : left; slideoutdirection : top; durationin : 4500; durationout : 3500; "></i> 

                <span class="ls-s-2" style=" color: #fff; font-weight: 200; font-size: 22px; top:220px; left: 70px; slidedirection : top; slideoutdirection : bottom; durationin : 4500; durationout : 3500; ">
                    Revolution and Layer Slider Included 
                </span>

                <i class="icon-chevron-sign-right ls-s-1" style=" color: #fff; font-size: 24px; top:270px; left: 40px; slidedirection : left; slideoutdirection : top; durationin : 5500; durationout : 4500; "></i> 

                <span class="ls-s-2" style=" color: #fff; font-weight: 200; font-size: 22px; top:270px; left: 70px; slidedirection : top; slideoutdirection : bottom; durationin : 5500; durationout : 4500; ">
                    60+ Template Pages and 20+ Plugins Included
                </span>

                <a class="btn-u btn-u-blue ls-s1" href="#" style=" padding: 9px 20px; font-size:25px; top:340px; left: 40px; slidedirection : bottom; slideoutdirection : bottom; durationin : 6500; durationout : 3500; ">
                    Twitter Bootstrap 3
                </a>

                <img src="assets/img/mockup/iphone1.png" tppabs="http://htmlstream.com/preview/unify/assets/img/mockup/iphone1.png" alt="Slider Image" class="ls-s-1" style=" top:30px; left: 650px; slidedirection : right; slideoutdirection : bottom; durationin : 1500; durationout : 1500; ">
            </div>
            <!--End Second Slide-->

            <!--Third Slide-->
            <div class="ls-layer" style="slidedirection: right; transition2d: 92,93,105; ">
                <img src="assets/img/sliders/layer/bg2.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/layer/bg2.jpg" class="ls-bg" alt="Slide background">

                <span class="ls-s-1" style=" color: #777; line-height:45px; font-weight: 200; font-size: 35px; top:100px; left: 50px; slidedirection : top; slideoutdirection : bottom; durationin : 1000; durationout : 1000; ">
                    Unify is Fully Responsive <br> Twitter Bootstrap 3 Template
                </span>

                <a class="btn-u btn-u-green ls-s-1" href="#" style=" padding: 9px 20px; font-size:25px; top:220px; left: 50px; slidedirection : bottom; slideoutdirection : bottom; durationin : 2000; durationout : 2000; ">
                    Find Out More
                </a>

                <img src="assets/img/mockup/iphone.png" tppabs="http://htmlstream.com/preview/unify/assets/img/mockup/iphone.png" alt="Slider Image" class="ls-s-1" style=" top:30px; left: 670px; slidedirection : right; slideoutdirection : bottom; durationin : 3000; durationout : 3000; ">
            </div>
            <!--End Third Slide-->
        </div>         
    </div>
</div><!--/layer_slider-->
<!--=== End Slider ===-->

<!--=== Purchase Block ===-->
<div class="purchase">
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <span>Unify is a clean and fully responsive incredible Template.</span>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi  vehicula sem ut volutpat. Ut non libero magna fusce condimentum eleifend enim a feugiat.</p>
            </div>            
            <div class="col-md-3">
                <a href="#" class="btn-buy hover-effect">Purchase Now</a>            
            </div>
        </div>
    </div>
</div><!--/row-->
<!-- End Purchase Block -->

<!--=== Content Part ===-->
<div class="container"> 
    <div class="title-box">
        <div class="title-box-text">We <span class="color-green">Do</span> Awasome Design</div>
        <p>Creative freedom matters user experience, we minimize the gap between technology and its audience.</p>
    </div>
    
    <div class="margin-bottom-40"></div>

    <!-- Info Blocks -->
    <div class="row">
        <div class="col-sm-4 info-blocks">
            <i class="icon-bell icon-info-blocks"></i>
            <div class="info-blocks-in">
                <h3>Here will be some title</h3>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum animi..</p>
            </div>
        </div>
        <div class="col-sm-4 info-blocks">
            <i class="icon-hdd icon-info-blocks"></i>
            <div class="info-blocks-in">
                <h3>Here will be some title</h3>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum animi..</p>
            </div>
        </div>
        <div class="col-sm-4 info-blocks">
            <i class="icon-lightbulb icon-info-blocks"></i>
            <div class="info-blocks-in">
                <h3>Here will be some title</h3>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum animi..</p>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-4 info-blocks">
            <i class="icon-heart-empty icon-info-blocks"></i>
            <div class="info-blocks-in">
                <h3>Here will be some title</h3>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum animi..</p>
            </div>
        </div>
        <div class="col-sm-4 info-blocks">
            <i class="icon-thumbs-up-alt icon-info-blocks"></i>
            <div class="info-blocks-in">
                <h3>Here will be some title</h3>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum animi..</p>
            </div>
        </div>
        <div class="col-sm-4 info-blocks">
            <i class="icon-laptop icon-info-blocks"></i>
            <div class="info-blocks-in">
                <h3>Here will be some title</h3>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum animi..</p>
            </div>
        </div>
    </div>
    <!-- End Info Blocks -->

    <hr class="margin-bottom-50">

    <!-- Portfolio Sorting Blocks -->
    <div class="sorting-block">
        <ul class="sorting-nav sorting-nav-v1 text-center">
            <li class="filter" data-filter="all">All</li>
            <li class="filter" data-filter="category_1">UI Design</li>
            <li class="filter" data-filter="category_2">Wordpress</li>
            <li class="filter" data-filter="category_3">HTML5/CSS3</li>
            <li class="filter" data-filter="category_3 category_1">Bootstrap 3</li>
        </ul>

        <ul class="row sorting-grid">
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_1" data-cat="1">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/11.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/11.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_3" data-cat="3">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/12.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/12.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_2" data-cat="2">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/13.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/13.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_3" data-cat="3">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/3.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/3.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_2" data-cat="2">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/2.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/2.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_1" data-cat="1">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/6.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_2" data-cat="2">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/8.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/8.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
            <li class="col-md-3 col-sm-6 col-xs-12 mix category_1" data-cat="1">
                <a href="#">
                    <img class="img-responsive" src="assets/img/main/1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/1.jpg" alt="">
                    <span class="sorting-cover">
                        <span>Happy New Year</span>
                        <p>Anim pariatur cliche reprehenderit</p>
                    </span>
                </a>
            </li>
        </ul>
    
        <div class="clearfix"></div>
    </div>
    <!-- End Portfolio Sorting Blocks -->
    
    <hr class="clearboth margin-bottom-50">

    <!-- Our Clients and Testimonials -->
    <div class="row">
        <!-- Tagline Box -->
        <div class="col-md-6">
            <div class="tag-box tag-box-v3">
                <h2>Expedita distinctio lorem ipsum!</h2>
                <p>Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.</p>
            </div>            
        </div>
        <!-- End Tagline Box -->

        <!-- Clients Testimonials -->
        <div class="col-md-6">
            <div class="carousel slide testimonials testimonials-v1" id="testimonials-1">
                <div class="carousel-inner">
                    <div class="item active">
                        <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium..</p>
                        <div class="testimonial-info">
                            <img alt="" src="assets/img/testimonials/img1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/testimonials/img1.jpg">
                            <span class="testimonial-author">
                                Jeremy Asigner 
                                <em>Web Developer, Unify Theme.</em>
                            </span>
                        </div>
                    </div>
                    <div class="item">
                        <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium..</p>
                        <div class="testimonial-info">
                            <img alt="" src="assets/img/testimonials/user.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/testimonials/user.jpg">
                            <span class="testimonial-author">
                                User 
                                <em>Java Developer, Htmlstream</em>
                            </span>
                        </div>
                    </div>
                    <div class="item">
                        <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium..</p>
                        <div class="testimonial-info">
                            <img alt="" src="assets/img/testimonials/img2.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/testimonials/img2.jpg">
                            <span class="testimonial-author">
                                Kate Davenport 
                                <em>Web Designer, Google Inc.</em>
                            </span>
                        </div>                                
                    </div>
                </div>
                
                <div class="carousel-arrow">
                    <a data-slide="prev" href="#testimonials-1" class="left carousel-control">
                        <i class="icon-angle-left"></i>
                    </a>
                    <a data-slide="next" href="#testimonials-1" class="right carousel-control">
                        <i class="icon-angle-right"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- End Clients Testimonials -->
    </div>
    <!-- End Our Clients and Testimonials -->
</div><!--/container-->     
<!-- End Content Part -->

<!--=== Footer ===-->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 md-margin-bottom-40">
                <!-- About -->
                <div class="headline"><h2>About</h2></div>  
                <p class="margin-bottom-25 md-margin-bottom-40">Unify is an incredibly beautiful responsive Bootstrap Template for corporate and creative professionals.</p>    

                <!-- Monthly Newsletter -->
                <div class="headline"><h2>Monthly Newsletter</h2></div> 
                <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
                <form class="footer-subsribe">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Email Address">                            
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Subscribe</button>
                        </span>
                    </div><!-- /input-group -->                    
                </form>                         
            </div><!--/col-md-4-->  
            
            <div class="col-md-4 md-margin-bottom-40">
                <div class="posts">
                    <div class="headline"><h2>Recent Blog Entries</h2></div>
                    <dl class="dl-horizontal">
                        <dt><a href="#"><img src="assets/img/sliders/elastislide/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/6.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                    <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/10.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/10.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                    <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/11.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/11.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                </div>
            </div><!--/col-md-4-->

            <div class="col-md-4">
                <!-- Monthly Newsletter -->
                <div class="headline"><h2>Contact Us</h2></div> 
                <address class="md-margin-bottom-40">
                    25, Lorem Lis Street, Orange <br />
                    California, US <br />
                    Phone: 800 123 3456 <br />
                    Fax: 800 123 3456 <br />
                    Email: <a href="mailto:info@anybiz.com" class="">info@anybiz.com</a>
                </address>

                <!-- Stay Connected -->
                <div class="headline"><h2>Stay Connected</h2></div> 
                <ul class="social-icons">
                    <li><a href="#" data-original-title="Feed" class="social_rss"></a></li>
                    <li><a href="#" data-original-title="Facebook" class="social_facebook"></a></li>
                    <li><a href="#" data-original-title="Twitter" class="social_twitter"></a></li>
                    <li><a href="#" data-original-title="Goole Plus" class="social_googleplus"></a></li>
                    <li><a href="#" data-original-title="Pinterest" class="social_pintrest"></a></li>
                    <li><a href="#" data-original-title="Linkedin" class="social_linkedin"></a></li>
                    <li><a href="#" data-original-title="Vimeo" class="social_vimeo"></a></li>
                </ul>
            </div><!--/col-md-4-->
        </div><!--/row-->   
    </div><!--/container--> 
</div><!--/footer-->    
<!--=== End Footer ===-->

<!--=== Copyright ===-->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-md-6">                      
                <p class="copyright-space">
                    2013 &copy; Unify. ALL Rights Reserved. 
                    <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
                </p>
            </div>
            <div class="col-md-6">  
                <a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">
                    <img id="logo-footer" src="assets/img/logo2-default.png" tppabs="http://htmlstream.com/preview/unify/assets/img/logo2-default.png" class="pull-right" alt="" />
                </a>
            </div>
        </div><!--/row-->
    </div><!--/container--> 
</div><!--/copyright--> 
<!--=== End Copyright ===-->

<!-- JS Global Compulsory -->           
<script type="text/javascript" src="assets/plugins/jquery-1.10.2.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/plugins/hover-dropdown.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/hover-dropdown.min.js"></script> 
<script type="text/javascript" src="assets/plugins/back-to-top.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/back-to-top.js"></script>
<!-- JS Implementing Plugins -->           
<script type="text/javascript" src="assets/plugins/flexslider/jquery.flexslider-min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/flexslider/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.mixitup.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery.mixitup.min.js"></script>    
<!-- Layer Slider -->           
<script src="assets/plugins/layer_slider/jQuery/jquery-easing-1.3.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/layer_slider/jQuery/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="assets/plugins/layer_slider/jQuery/jquery-transit-modified.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/layer_slider/jQuery/jquery-transit-modified.js" type="text/javascript"></script>
<script src="assets/plugins/layer_slider/js/layerslider.transitions.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/layer_slider/js/layerslider.transitions.js" type="text/javascript"></script>
<script src="assets/plugins/layer_slider/js/layerslider.kreaturamedia.jquery.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/layer_slider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
<!-- JS Page Level -->           
<script type="text/javascript" src="assets/js/app.js" tppabs="http://htmlstream.com/preview/unify/assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/pages/index.js" tppabs="http://htmlstream.com/preview/unify/assets/js/pages/index.js"></script>
<script type="text/javascript" src="assets/js/pages/portfolio.js" tppabs="http://htmlstream.com/preview/unify/assets/js/pages/portfolio.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
        App.initSliders();
        Portfolio.init();                      
        Index.initLayerSlider();        
    });
</script>
<!--[if lt IE 9]>
    <script src="assets/plugins/respond.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/respond.js"></script>
<![endif]-->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29166220-1']);
  _gaq.push(['_setDomainName', 'http://htmlstream.com/preview/unify/htmlstream.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www/') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

</body>
</html> 